<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome to Chloe's Resume</title>
    <style type="text/css">
        body {background:url(image/background.jpg) no-repeat;background-size:cover;}
    </style>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<p class="name">
    Chloe Lefebvre</p>
<ul class="information">
    <li>Birthday: <a style="color:darkblue">1999-10-16</a></li>
    <li>School: <a href="http://www.whu.edu.cn/" style="color:darkblue">Wuhan University</a></li>
    <li>Hobbies: <a style="color:darkblue">books, classical music, <br/>programming and making friends</a></li>
    <li>Tel: <a style="color:darkblue">13545911649</a></li>
    <li>How to contact me online:
        <p class="online-contact">
            <img src="image/1.png" width="28px" height="28px" />1434749094rallae@gmail.com&nbsp;<a href="https://mail.google.com" style="font-size:15px">(Send mail to me!)</a><br/>
            <img src="image/2.png" width="28px" height="28px" />1434749094@qq.com&nbsp;<a href="https://mail.qq.com/" style="font-size:15px">(Contact me!)</a><br/>
            <a href="https://www.youtube.com/channel/UC1qmlQku_rsFraAyhrImHeg"><img src="image/3.png" width="28px" height="28px" /></a>
            <a href="https://www.facebook.com/profile.php?id=100010328642691"><img src="image/4.png" width="28px" height="28px" /></a>
            <a style="font-size:15px">(Click picture to subscribe me!)</a><br/>
        </p>
    </li>
</ul>
<div class="resource" style="">
<ul>
    <a style="color:darkred;font-family:Microsoft YaHei UI;font-size: 30px">Recourse Share</a>
    <i><li><a href="https://whueducn-my.sharepoint.com/:f:/g/personal/2017302590056_whu_edu_cn/EsQB7uEN2fRMrKjNi_ZLPD8Bkf_gwIjLwOc1bklTGU0VaQ">classical music</a>&nbsp;&nbsp;&nbsp;
        <a href="https://dddd290-my.sharepoint.com/:f:/g/personal/syl1vc5nm_ccc_ccccccccccccccccccccccccccccccccccccc_cc/EoTmFpwlIn1Avdhm9u9eJI4B-szrg2YQ_vS5LOBZOSPHYA?e=PTcXYs">music score</a>&nbsp;&nbsp;&nbsp;
        <a href="https://drive.google.com/open?id=1vY9eK-LtAubc90MqOTUNX0FtofZOC-qn">imooc class(need VPN)</a>
    </li>
    <li><a href="https://51.ruyo.net/8263.html">Onedrive 5T</a>&nbsp;&nbsp;&nbsp;
        <a href="https://51.ruyo.net/9151.html">edu mail apply</a>&nbsp;&nbsp;&nbsp;
        <a href="https://51.ruyo.net/9512.html">free domain name apply</a>
    </li>
    <li>
        <a href="">Chloe's own website(not build yet)</a>
    </li></i>
</ul>
</div>
</body>
</html>